<template>
	<view class="person">

		<view class="personBox">
			<view class="Boxhead">
				<view class="touxiang"><img src="../../static/login/denglu.png" alt=""></view>
				<view class="nameBox">
					<text>name</text>
				</view>
			</view>

			<view class="helpBox div_box"><text class="iconfont icon-bangzhuyufankui">帮助与反馈</text></view>
			<view class="setting_btn  div_box"><text class="iconfont icon-31shezhi">我的设置</text></view>

			<view class="about  div_box">
				<text class="iconfont icon-guanyuwomen">关于我们</text>
			</view>
			<view class="longinAndloginout  div_box" @click="toLogin()"><text class="iconfont icon-denglu">登录</text>
			</view>
		</view>



		<Tab></Tab>
	</view>



</template>

<script>
	import Tab from '../../components/tarbar/tar.vue';
	export default {
		data() {
			return {

			}
		},
		components: {

			Tab,
		},

		methods: {
			toLogin() {
				uni.navigateTo({
					url: '/pages/login/index'
				})
			}
		},
	}
</script>

<style>
	/* 设置icon */
	.setting_btn .icon-31shezhi:before {
		font-size: 16px;
	}

	.personBox {
		height: 800px;
		max-height: 1600px;
		background-color: aliceblue;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.Boxhead {
		width: 100%;
		height: 130px;
		background-color: white;
		display: flex;
		align-items: center;
		padding-left: 80px;
		margin-bottom: 15px;
		box-shadow: 0px 3px 10px #d9d9d9;
	}

	.touxiang {
		margin-right: 30px;
	}

	.div_box {
		background-color: white;
		width: 90%;
		text-align: center;
		line-height: 80px;
		margin-bottom: 10px;
		border-radius: 10px;
	}

	.div_box:hover {

		background-color: lavender;
	}
</style>